<template>
    <div>
        这是test组件
         <ul>
           <li>item</li>
           <li>item1</li>
           <li>item2</li>
           <li>item3</li>
           <li>item4</li>
           <li>item2</li>
       </ul>

         <router-link to="/shopList">去shop组件</router-link>
         <el-button @click="toPath">回到shopList组件</el-button>
    </div>
</template>

<script>
import axios from 'axios'

export default {
    data(){
        return{}
    },
    methods:{
        toPath(){
               this.$router.push({
                   path:'/shopList'
               })
        }
    },
    mounted(){
        // //创建请求对象
        // let xhttp=new XMLHttpRequest();

        // //接收回调函数  
        // xhttp.onreadystatechange=function(){
        //     //拿到请求返回的信息以及数据
        //     console.log('this',this);
        //     console.log('this',this.responseText);
        // }

        // //发送请求
        // xhttp.open('GET',"http://http://127.0.0.1:3000/api",true)

        // //向服务器发送请求终止信息  
        // xhttp.send();

        //axios
        axios.get('http://127.0.0.1:3000/api').then( data=>{
            console.log(data)
            console.log('返回信息',data.data);
        })
    }
}
</script>